@import "common.less";

#container-main {
  padding-bottom: 60px;
  overflow: hidden;
  background: #F5F5F5;
  .content-layout {
    #recorded-swiper{
      margin: 20px auto 20px;
    }
    .org-left{
      width: 242px;
      float: left;
      margin-right: 20px;
      .org-inform{
        padding-top: 30px;
        width: 100%;
        background-color: #fff;
        height: 274px;
        margin-bottom: 20px;
        border-radius: 8px 8px 0px 0px;
        position: relative;
        .org-logo{
          display: block;
          margin:0 auto 23px;
          width: 88px;
          height: 88px;
          background-color: #EEEEEE;
        }
        .org-name{
          font-size: 16px;
          color: #36404A;
          letter-spacing: 0;
          text-align: center;
          line-height: 16px;
          margin-bottom: 8px;
        }
        .org-label{
          overflow: hidden;
          margin-bottom: 23px;
          display: flex;
          justify-content: center;
          .label{
            display: block;
            width: 16px;
            height: 16px;
            background: #D8D8D8;
            margin: 0 2.5px;
            border-radius: 50%;
          }
        }
        .dot-box{
          color:#9B9B9B;
          letter-spacing: 3px;
          float: right;
          position: absolute;
          right: 15px;
          top: 15px;
          font-weight: 600;
          height: 15px;
          &:hover{
            .org-fun-box{
              display: block;
            }
          }
          .org-fun-box{
            display: none;
            position: absolute;
            right: -30px;
            top: 15px;
            width: 80px;
            background: #FFFFFF;
            box-shadow: 0 4px 6px 2px rgba(0,0,0,0.10);
            border-radius: 8px;
            .org-fun-list{
              margin-top: 30px;
              margin-bottom: 10px;
              .org-fun-item{
                text-align: center;
                .fun-btn{
                  font-weight:500;
                  text-decoration: none;
                  font-size: 14px;
                  color: #4A4A4A;
                  letter-spacing: 0;
                  text-align: center;
                  line-height: 35px;
                }
              }
            }
          }
        }
        .rela-ex {
          margin-top: 23px;
          width: 100%;
          ul {
            display: flex;
            justify-content: space-around;
            li {
              float: left;
              .rela-have {
                font-size: 16px;
                color: #FFBD00;
                letter-spacing: 0;
                text-align: center;
                line-height: 16px;
              }
              .rela-name {
                margin-top: 10px;
                font-size: 14px;
                color: #9B9B9B;
                letter-spacing: 0;
                text-align: center;
                line-height: 14px;
              }
            }
          }
        }
      }
      .org-list{
        width: 100%;
        background: #FFFFFF;
        border-radius: 8px;
        overflow: hidden;
        .org-cate{
          margin-top: 20px;
          .org-cate-d{
            padding-left: 50px;
            width: 100%;
            height: 40px;
            a{
              text-align: center;
              font-size: 14px;
              color: #6E6E6E;
              letter-spacing: 0;
              line-height: 40px;
              text-decoration: none;
            }
            &:hover{
              background: #F8F9FB;
            }

          }
          .active{
            background: #F8F9FB;
            a{
              color: #2F5AFF;
            }
          }
        }
      }
    }
    .org-right{
      width: 938px;
      background: #FFFFFF;
      border-radius: 8px;
      overflow: hidden;
    }
  }
}
#laypage-f,#laypage-s,#laypage-t{
  .layui-laypage{
    clear: both;
    margin: 10px 0 10px 300px;
    a,span{
      overflow: hidden;
      color: #999999;
      text-align: center;
      padding: 0;
      width: 31px;
      height: 31px;
      background: #F8F9FB;
      border-radius: 8px;
      margin-right: 20px;
    }
  }
}